<div class="box-page-container">
  <div class="box-page-header">
    <div class="title">Настройки сайта</div>
    <div class="other-controls right"></div>
  </div>
  <div id="page-helper" class="box-page-helper-content">
    <p>В данном пункте, Вы, можете изменить настройки сайта.</p>
  </div>
  <div class="box-page-body">
    <div class="box-message" id="message" style="display: none"></div>
    <?php echo $this->form ?>
  </div>
  <div class="box-page-footer">
    <div class="box-controls">
      <div class="right">
       	<div class="btn"><button onclick="save(this); return false;" class="primary">Сохранить</button></div>
        <div class="btn"><button onclick="cancel(this); return false;" class="gray">Отменить</button></div>
      </div>
      <div id="progress" class="progress ajax-preloader-base"></div>
      <div id="control_text" class="box-controls-text"></div>
      <div class="clear-fix"></div>
    </div>
  </div>
  <div class="clear-fix"></div>
</div>
<script type="text/javascript">
var getValues = function() {
	var values = {
		'name': goog.dom.getElement('name').value,
		'title': goog.dom.getElement('title').value,
		'index_page': goog.dom.getElement('index_page').value
	};
	return values;
};
var baseValues = getValues();
var message = goog.dom.getElement('message');
var save = function(element) {
	values = getValues();
	if (!values.name || !values.title || !values.index_page) {
		message.innerHTML = '<p>Все поля обязательны для заполнения</p>';
		fx = new goog.fx.dom.FadeInAndShow(message, 200);
		fx.play();
		return;
	}
	if (values.name == baseValues.name && values.title == baseValues.title && values.index_page == baseValues.index_page) {
		message.innerHTML = '<p>Не внесены никакие изменения</p>';
		fx = new goog.fx.dom.FadeInAndShow(message, 200);
		fx.play();
		return;
	} else {
		message.innerHTML = '<p>Что-то поменяли</p>';
		fx = new goog.fx.dom.FadeInAndShow(message, 200);
		fx.play();
		return;
	}
	if(goog.style.getStyle(message, 'opacity') == 1) {
		fx = new goog.fx.dom.FadeOutAndHide(message, 200);
		fx.play();
	}
};
var cancel = function(element) {
	values = getValues();
	if(goog.style.getStyle(message, 'opacity') == 1) {
		fx = new goog.fx.dom.FadeOutAndHide(message, 200);
		fx.play();
	}
	if (values.name != baseValues.name || values.title != baseValues.title || values.index_page != baseValues.index_page) {
		goog.dom.getElement('name').value = baseValues.name;
		goog.dom.getElement('title').value = baseValues.title;
		goog.dom.getElement('index_page').value = baseValues.index_page;
		return;
	} else {
		message.innerHTML = '<p>Не внесены никакие изменения</p>';
		fx = new goog.fx.dom.FadeInAndShow(message, 200);
		fx.play();
		return;
	}
};
</script>